<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    123
    <input type="text" />
    <script>
        //load事件，可以用于   页面，   外部资源 [css，js，图片，视频]
        function start(){
            // document.write("start....");
        } 
        // start();
        window.onload = start;//当页面加载到浏览器窗口的时候执行  start函数
        //start是函数名（代表函数的地址，函数指针），不带  ()   ，如果带()则会将该函数的返回值挂载在钩子函数

        //unload   卸载
        window.onunload = function(){
            window.confirm("真的要残忍离开");
        };


        //键盘事件(keydown,keyup,keypress)     对象.事件钩子
        document.querySelector("input").onkeypress = function(eve){
            console.log(eve);//打印事件对象
            console.log(eve.keyCode);//打印事件对象的细节
            console.log("按下了键盘",document.querySelector("input").value);

            if(eve.keyCode > 57 || eve.keyCode < 48 )
                eve.preventDefault();//阻止默认行为的发生
            //更新输入框中的内容
        }
    </script>
</body>
</html>